Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
How does minifying codes come into place in terms of web designing?
I understand the importance of minifying in order to reduce load speed. I write my html and css codes with indentation. How I'm doing it right now is that on my local computer, I have my original codes. Then when I'm ready to upload it to a live site, I will minify it and copy/paste the code there.
So now I have 2 version of the website: original & minified.
Is this the correct way to do it, or should I write my code in the "minified" form? It'd be pretty much a mess and impossible to code if I wrote in the minified form.
Please tell me how you guys are doing it!
Write your code in a clear, maintainable way. So, keep indenting, etc.
Minify your code when you deploy it. You are doing it by running a tool yourself. Many people do it as part of their build/deploy process. So you might have one command that minifies all your assets and deploys them to your server.
But if you don't have a build/deploy tool right now, then the way you're doing it is probably the way to go. Put "learning about build tools and adopting one" on your to-do/self-improvement list. You'll be glad you did.
minifying is not a part of you web design process. you need to write your code nice and pretty. then use a tool to minify your css and javascript, probably as a part of your build process.
I´m using http://gulpjs.com/ and some of its packages. It can watch my readable css (or less) and pipes it each time I save automatically through some methods like minify or prefixing (automatically adds browser specific css for older browsers which don´t support css3)
maybe check this tutorial if you want to dig deeper http://www.sitepoint.com/introduction-gulp-js/
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I would like to convert (flip horizontally) my entire website to be used with RTL languages such as Hebrew and Arabic.
As far as I can imagine there are not a few properties I have to take care about in order to accomplish this task.
My website is pretty complicated in terms of CSS styling so I am looking for the most elegant and 100% working method to do so.
I have found some online tools but it seems they do not take care of every possible property and this simply breaks the website.
Can someone suggest a good and an elegant way?
Using different stylesheets for the RTL version:
This method became popular recently due to the rise of this plugins that automatically parse the CSS files and produce an RTL version.
1- Automate RTL and LTR language directions supoort With Grunt and Sass
2- Grunt plugin to convert CSS stylesheets between left-to-right and right-to-left
3- Bi App LESS
4- Bi App SASS
Also there is a Chrome extension called My Style This extension add a textarea to the pages the user visit. It is toggled by pressing ctrl + m. Whenever CSS declaration is added to it, it will affect all the pages on the this domain. The CSS isn’t removed until the user remove it manually. Using this extension, I start adding the overrides till I get the prefect result.
note: this answer collected from many sources and I did not test them, i hope it helps in someway, thanks !
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
I am using Dreamweaver, but now I am thinking about trying another program. I am kind of new to html and css, but I feel I have kind of control using html and css3. Now I am learning how to creative responsive webdesign using bootstrap.
Might be a stupid and simple question; When I want to create a new html page, I can choose "create a responsive page using Boostrap". If I just select html and makes a css sheet, will I still be able to make a responsive design? Thinking about using "insert" and then choose "Bootstrap Components".
I have made pages with bootstrap templates now. It's ok and I am managing to style the template. Still I feel more comfortable making it from scratch. I feel I am learning more and have more control doing it this way.
--
I guess I should just stick to Dw, but I want to learn more. I am kind of a learning-by-doing-girl and want to try out another program. I like the ability to use "Show code and design" in Dw, so a program with this included would be great.
Which programs have this capability?
I have downloaded Atom, and I know you can refresh the website to see the result, but that means I have to connect the site to a server? Right now I don't want to connect the site to a server of different reasons.
You should try out a standard text editor like Sublime Text or Atom. Do your code editing there and open your page in the browser. Refresh to see changes as you make them.
I like Notepad++.
The problem with programs like DreamWeaver is that they can instill some pretty bad habits in novices. You are absolutely right in wanting to learn without it first.
The reason I like Notepad++ is that it has great code highlighting, one of the things I think draws people in to DW, too.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I have just scratched the surface in the world of programming, and I need to know where to begin. I work for a Web-page writing articles, and I face a raise if I learn to format the article myself. I want to learn how to format, and also how to code. Is there anywhere in particular where I should begin my journey to programming things such as web-applications?
The following are just a hint. This journey is quite long and after a basic level, you have a multitude of options...
First of all: learn HTML. There's nothing to do if you cannot understand the content you're creating.
Learn CSS - this will help you to achieve the formatting in the right way and will make you understand how web pages are styled. That's where the fun begins, with knowing some CSS you will be able to make a web site look good.
Get a decent code editor for working, prototyping. If you really want to understand what's going on, then prefer non-WYSIWYG editors (you will see what I mean). The more decent you can get the better - this will help you in your daily work, better to not choose one which is irritating for you. (Personally I use PhpStorm which is a really good, professional tool. It might be too advanced for beginners.)
All web pages nowadays are created dynamically, for example via PHP. Learning to code in PHP will make you busy for quite a bit of time, so it would be the best to get a good book about it. (This will also start you up learning about databases, where the actual information is stored.) In my opinion, this is where the real part of web programming begins.
After writing some basic stuff with PHP, get familiar with different frameworks/CMSs just to know how we deal with big, real sites. (WordPress is great for starting and it's advanced enough to use it on a real site.) There's no point in reinventing the wheel, so always try to have a look whether others have done what you would like to do before. There's always a toolkit for the common tasks.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
This is a novice question. I was given a web page design with CSS files and AI (Adobe Illustrator) files. My task is to create the web contents properly. What is the easiest way going about? Can Dreamweaver come handy here? Or do I have to code the html manually? (I am sure there should be a better way). The site is supposed to be up in a .NET environment.
Thank you for the help
CSS needs the HTML for structure and normally the two are written hand in hand. Spend the extra time and write the HTML and CSS manually while slicing up the supplied artwork. It's a rewarding process if you are learning or you challenge yourself to do a really good job of it. You can probably salvage a lot of css from the existing stylesheets (typography styles etc). In this way you can be more confident about the code you are using and ensure that it is legible. The HTML templates can then be integrated into a CMS, .NET framework based system or whatever the next step is.
If you are not up for the task, outsource the job to someone who is passionate about HTML and CSS to supply the complete HTML and CSS templates. There are plenty of us out there ;)
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I am beginning to learn css and html programming,
I am currently using notepad to do it,
Which IDE Tools provides automatic attributes listings to help code css and make css and html development more productive,
thanks,
You can use Aptana Studio 3, it's free too..
Core Features :
HTML, CSS, and JavaScript Code Assist
Deployment Wizard
Integrated Debugger
Git Integration
Built-in Terminal
IDE Customization
Microsoft Visual Studio Express includes intellisense which is very useful when starting to learn HTML/CSS. It's also free to download.
I think if you're just beginning, you shouldn't be using an IDE. You'll rely on it too much and won't actually learn... then you'll never be able to do anything without the IDE.
That being said, I use Notepad++. The only feature I rely on is word complete since it auto completes every word, I don't accidentally mistype any variable names or anything. It also speeds up typing a lot since I usually only have to type out the first few characters of each word.
Last time I worked on a large project with someone else, we used Netbeans. It worked out pretty well for HTML, CSS, and PHP. Had version control built in, too.
I still default to Notepad++, though, because it's fast and simple. My point is, focus on learning and not the tools you're learning with. Once you are good enough at it, you can get tools to make development faster, but don't use them when you're beginning.
I love dreamweaver for html css stuff. Other languages text mate is my favorite.