CSS3 Και HTML5 Δημιουργικά Πειράματα

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
FavoriteLoadingΠροσθήκη στα Αγαπημένα μου
6/11/2012 από
Zeoz

Η CSS είναι μια γλώσσα η οποία συνεχώς αυξάνεται και επεκτείνει τη δημιουργία νέων δυνατοτήτων, με τις οποίες οι σχεδιαστές και οι προγραμματιστές μπορούν να παράγουν και να δημιουργήσουν εξαιρετικά αποτελέσματα, όταν πρόκειται για web design.

Με τα νέα πρότυπα Ιστού και την CSS3 υποστήριξη μέσων -ειδικά style sheets, καθώς και πολλά άλλα στοιχεία σε όλους τους browsers, όπως ακουστικές συσκευές, εκτυπωτές, φορητές συσκευές, κλπ., ο κατάλογος των CSS ιδιοτήτων, των values και των styles να εξελίσσεται συνεχώς.

Σε αυτό το άρθρο, θα παρουσιάσουμε ορισμένες παλιές και νέες τεχνικές CSS & HTM οι οποίες  μπορεί να προσφέρουν ένα σημείο έμπνευσης για τους χρήστες.

Επειδή όλα τα προγράμματα περιήγησης δεν αναλύουν σωστά τον CSS κώδικα , θα σας προτείνουμε να τα δείτε σε web-kit browsers όπως ο Safari και ο Chrome, (μερικά από τα πειράματα μπορεί να λειτουργούν και σε Firefox, αλλά πολλά δεν παίζουν σωστά εξού και η ονομασία “πειραματικά”).

1. CSS3D Clouds

clicktorelease_com_code_css3dclouds

δείτε το

2. Cubic-Bezier

cubic-bezier_com

δείτε το

3. Clock

andrew-hoyer-clock

δείτε το

 

4. Wave

hakim_se_experiments_html5_wave_03

δείτε το

5. Experimental CSS3 Animations

tympanus_net_Development_ImageTransitions_index3_html

δείτε το

6. 3D City

cubiq_org_dropbox_3dcity_index2_html

δείτε το

7. CSS3 Animation : Why not Zoidberg?

beta_theexpressiveweb_com

δείτε το

8. Windows 7 Start Menus

sekaratmutlak_blogspot_ro_2011_11_pure-css3-windows7-start-menu_html

δείτε το

9. Every Second One Hour of Video

onehourpersecond_com

δείτε το

10. CSS3 Patterns

lea_verou_me_css3patterns

δείτε το

11. Typography Rain

andrew-hoyer_com_experiments_rain

δείτε το

12. Vlog.it

vlog_it

δείτε το

13. Sudoku Solver

andrew-hoyer_com_experiments_sudoku

δείτε το

14. Cursor Monster

lab_simurai_com_monster

δείτε το

15. FlashLight

lab_simurai_com_flashlight

δείτε το

16. Lolwut

lolwut

δείτε το

17. Walking

andrew-hoyer_com_experiments_walking

δείτε το

18. Solar System

neography_com_experiment_circles_solarsystem

δείτε το

19. CSS3 Classic Train

sekaratmutlak_blogspot_ro_2011_12_pure-css3-classic-train_html

δείτε το

20. Practicals

hakim_se_experiments_html5_particles

δείτε το

21. Homer

developer_mozilla_org_en-US_demos_detail_pure-css3-homer_launch

δείτε το

22. Fractals

andrew-hoyer_com_experiments_fractals

δείτε το

23. Kinect, CSS3 & Animatable

developer_mozilla_org_en-US_demos_detail_css-tricks_launch

δείτε το

24. 3d Animations Using Pure CSS3

3d_animation_css3

δείτε το

25. Linjer

lab_hakim_se_linjer

δείτε το

26. HTML5 Interactive Infographic

δείτε το

27. The Cloth Simulation

andrew-hoyer_com_experiments_cloth_simulation

δείτε το

28. 3D CSS Cube

cube-3d

δείτε το

29. TiltShift Text

lab_simurai_com_tilt-shift_text

δείτε το

30. Morphing Cubes

morphing-cubes

δείτε το








Hide ↑

Xtnd.it Group | e-xtend your possibilities

Ripple Effects με SVG και Javascript ~ Material Design 

18 September 2015

Ενα σε βάθος tutorial για το πώς να οικοδομήσουμε  ripple effect  που περιγράφονται με βάση των προδιαγραφών σχεδιασμού της Google και να τις συνδυάσουμε[…]

Read more...

5η Έκθεση για τις Υπηρεσίες Internet Web World Expo 2015

18 September 2015

 24-25 Οκτωβρίου – Ζάππειο Μέγαρο|  

Η WebWorldExpo[…]

Read more...

WordPress Greek Community 3rd meetup

21 April 2015

Τρίτη 28/04/2015, 18:00
THE HUB EVENTS, Αλκμήνης 5, Κ. Πετράλωνα

Η ελληνική κοινότητα του WordPress είναι εδώ! Αρκετό καιρό μετά το προηγούμενο meetup[…]

Read more...






Σχόλια

Δεν υπάρχουν σχόλια ακόμα.

Αφήστε ένα σχόλιο

 






RSS για τα σχόλια σε αυτό το άρθρο.  |  TrackBack URL



 
 
 

Eταιρείες παροχής υπηρεσιών διαδικτύου




 

Το Όραμά Μας

3d2 3d2

Η νέα εποχή ξεκινάει…

Είστε έτοιμοι;

Παρά τις όποιες δυσκολίες συναντήσαμε, τελικά μετά από 1 χρόνο περίπου, καταφέραμε να συγκεντρώσουμε τις δυνάμεις μας και να βάλουμε τις σκέψεις μας στο σωστό μονοπάτι.

Ξεκινάμε μια νέα εποχή για τα Ελληνικά δεδομένα. Κοιτάμε μπροστά και οραματίζομαστε το μέλλον με αισιοδοξία σε μία πολύ δύσκολη εποχή!

Αν είστε digital artist (web designer. web developer, programmer, 3d animator, graphic designer κτλ)  δώστε λίγα λεπτά από τον χρόνο σας να διαβάσετε το παρακάτω άρθρο. Σίγουρα σας ενδιαφέρει

 
web design forum

  • Προσεγγίστε νέους αναγνώστες και φίλους
  • Αποκτήστε το δικαίωμα να προωθήστε την σελίδα σας μέσω διαφημιστικών banner στο web design forum
  • Αποκτήστε συνδέσμους και backlinks δωρεάν
  • Αυτόματη προωθηση του άρθρου σας, σε διάφορες ιστοσελίδες κοινωνικής δικτύωσης.