background preloader

A Practical Guide to HTML & CSS - Learn How to Build Websites

A Practical Guide to HTML & CSS - Learn How to Build Websites
Before beginning our journey to learn HTML and CSS it is important to understand the differences between the two languages, their syntax, and some common terminology. As an overview, HTML is a hyper text markup language created to give content structure and meaning. CSS, also known as cascading style sheets, is a presentation language created to give content style and appearance. To put this into laymen terms, HTML determines the structure and meaning of content on a web page while CSS determines the style and appearance of this content. Taking this concept a bit further, the HTML p element is used to display a paragraph of text on a web page. Common HTML Terms When getting started with HTML you are likely to hear new, and often strange, terms. Elements Elements are designators that define objects within a page, including structure and content. Tags Elements are often made of multiple sets of tags, identified as opening and closing tags. <a>... Attributes HTML Document Structure & Syntax <!

Padrino and Sinatra: Light weight web framework | SimpleTechBlog The open source community is on a tremendous pace to introduce and develop new technologies to make the web development easier. Frameworks like Rails have changed the development methodology for an web applications. Simple concepts like Agile and CoC (Convention over Configuration) has proved the benefits in the long run. But who says you have to live with that. 1. Web based framework which gives you lot of flexibility and is minimal in nature. require 'sinatra' get '/hi' do "Hello World!" And then $ gem install sinatra $ ruby hi.rb == Sinatra has taken the stage ... >> Listening on 0.0.0.0:4567 You are done. 2. This is another framework which is said to be built over Sinatra (again a gem), and provides certain functionality of scaffolding, admin panel, authentication and authorization, etc out of the box. gem install padrino padrino g project myapp -d datamapper -b cd myapp padrino g admin padrino rake dm:migrate seed padrino start More Posts Related Articles

Best .htaccess practices with sample code for any website | SimpleTechBlog The file .htaccess controls the Apache webserver, is very useful and allows you to do a lot of things. Recently for one project, I had to do certain optimizations for getting good pagespeed rank. In general, all what I have learnt is being shared here not in any order. General and Recommended 1. This is the fastest rewrite engine for apache server and works really well. 2. Files which won’t change frequently should be cached to improve speed of the website 3. Files which change frequently or can change should not be cached. 4. This will help to serve your webpages faster and thus load your website quicker. 5. Google Pagespeed recommends removing all ETags from file headers. 6. Optional (if required by your website) 7. 8. 9. 10. Some crawlers will unnecessary consume your website’s bandwidth. There are lot of keywords and tags which .htaccess file uses and Apache server understands. Arijit DeHi I am Arijit De and I own and manage the SimpleTechBlog. More Posts Related Articles

7 Steps to deploy new Rails app in Appfog | SimpleTechBlog Without deploying an app, which is created in your machine, you can never be sure of whether it will be working same in the LIVE environment or not. And for making anything live on the web, you need to pay and buy a sunscription service. We do have the options of Heroku which gets well integrated with the Git but still we loose upon the control on the app. A good solution is AppFog which provides FREE account with 2GB RAM for your apps. You get better control of the services associated with the apps and as well can control the start / stop and restart of the same through a web interface. Since I was able to successfully deploy my Rails app in appfog, I am just mentioning the steps which needs to be followed for the same. 1. 2. 3. Provide your email address and password as the login credentials. 4. The ruby runtime is mentioned in the above command because without this, my app did not work. Logs: 5. 6. After this your all assets like css, etc will come to life in production environment. 6.

<< Dinks >> Jacinthe Busson - Ergonomie web & mobile SMYCK | a blog by John-Paul Bader Pourquoi j'ai lâché mon iPhone au profit d'android ! Posté par francky le 15 avr, 2013 dans Androïd, archos, iPhone 5, iPhone-iPod, Jailbreak, Matériel, Mobilité | 17 avis j’ai lâché mon iPhone au profit d’android, ça fait un bien fou, mais je me soigne ! Depuis quelques années, mon smartphone n’était autre qu’un iPhone 3Gs. Ce n’était pas le plus récent des smartphones Apple, mais il tourne encore très bien. Techniquement, l’évolution entre les iPhone reste tout aussi minime. Pour moi, il manque encore certaines fonctionnalités importante dans un iPhone. Autre fonctionnalité que j’attend depuis toujours ce sont les accusés réception des SMS. Je sais pas si vous avez remarqué, mais pratiquement à chaque mise à jour de iOS, beaucoup de plaintes prolifèrent sur le net au sujet d’un problème d’autonomie de la batterie. Je ne suis pas là pour faire le procès d’Apple, mais simplement pour mettre carte sur table et énoncer les faits qui m’ont poussés à switcher vers android. Lâcher mon iPhone pour android me semblait une évidence.

Les « Style Tiles », un nouvel outil pour le webdesigner ? | Édition Nº4 Mais qu’est-ce que c’est ? On peut traduire en français les “Style Tiles” par le terme “Planches Tendances”. Habituellement utilisées en mode, en déco ou même en publicité, elles servent à définir les grandes tendances (graphiques, texturales, chromatiques, etc.) d’un projet donné. Un article de Samantha Warren, paru récemment sur A List Apart, propose d’adapter le concept et de l’utiliser en webdesign pour ressortir des tendances visuelles sans se soucier de la structure de la page. En bref, de faire l’inverse de ce qu’on fait avec les “wireframes” (ou “filaires”, ou “gabarits”, ou même “storyboards”… selon vos habitudes) pour déterminer une structure sans se soucier de l’apparence visuelle… Pourquoi s’en servir ? Ça marche bien et les clients y sont habitués. Partie intégrante de la démarche de “responsive webdesign” (“design adaptatif”), les “Planches Tendances” se proposent donc de décorréler la structure de page du choix des aspects graphiques et stylistiques en eux-mêmes. Conclusion

Related: