Browse By

Category Archives: Css/Html/Html5

Skill tests for front-end developers

Sitthetest is a nice website that popped in my twitter feed this week. It has some tests that you can take in order to check your level in html, css, and javascript. Give it a try here.

750 Free Glyphicons

Google open sourced 750 glyphicons few days ago so you can download them and use them freely in your apps. They come in several formats to choose: SVG versions of all icons in both 24px and 48px flavours SVG and CSS sprites of all icons

Understand how simple is to use Grunt

Chris Coyier wrote a great guide in which he explains how easily is to learn and use Grunt. For those that don’t, Grunt is a task manager that will help you with your daily tasks as a developer. Chris shows how to install and start

Bootstrap 3.1 released

New version of the most famous front-end framework Boostrap released just few hours ago. You will find many improovements such as: Official sass port Dropdowns now have their own alignment classes Form feedback styles for validation states now include optional icons to reinforce color changes

Payment icons collection

Here is a small collection of icons that you can use when you are building a payment page. A small, lets say visa icon, next to the credit card number input field is a nice touch and gives a security feeling to the user.  

DOM tree search by CSS selector in Chrome

Addi Osmani gave us a nice tip for people that use chrome developer tools, so when browsing the DOM with the Elements panel, try searching (CMD+F) for nodes by their CSS selectors.

Πως κανουμε ενα div tag να συμπεριφερεται σαν br tag

Οπως ειπα και χθες θα γραφω ακομη και μικρα κομματια κωδικα που ισως να φανουν χρησιμα σε καποιους. Ας υποθεσουμε λοιπον οτι για καποιο λογο δεν θελετε να χρησιμοποιησετε το παλιο κλασικο break tag </br> αλλα θελετε να κανετε το ιδιο μεσω CSS. Aυτο που

Ενας virtual παπατζης και το webStorage Api.

Καλησπερα και καλη χρονια! Μπολικη υγεια και κουραγιο για να ξεπερασουμε τα δυσκολα! Η αληθεια ειναι πως τον τελευταιο καιρο το εχω ριξει λιγο στο διαβασμα και δεν περισσευει ορεξη για να ανεβαζω κατι. Σημερα ομως βρηκα ενα μικρο κομματι κωδικα που εγραψα λιγο πριν

Πως να βαλουμε δυο σε μια σειρα.

Οπως ισως θα γνωριζετε τα τελευταια χρονια οι περισσοτεροι σχεδιαστες ιστοσελιδων προτιμουν την χρηση div tags αντι του κλασικου table. Οι λογοι αρκετοι, ενδεικτικα αναφερω οτι τα tables ειναι λιγο πιο αργα αφου πρεπει να προστεθει ενα table body, τα div ειναι πιο φιλικα στο